<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>首页</title>
</head>
<body>
	<h2 >欢迎来到银行管理系统</h2>

	<ol class="breadcrumb mybreadcrumb">
		<li><a href="home.html">首页</a></li>
		<!--<li><a href="add-bank.html">添加银行</a></li>-->
		<li><a href="#" data-toggle="modal" data-target="#add">添加银行</a></li>
		<li><a href="#" data-toggle="modal" data-target="#update" id="up">修改银行信息</a></li>
		<li><a href="#"  id="del">删除银行</a></li>
	</ol>
	<div class="div1-center">
		<table id="tb" class="table table-hover">
			<tr>
				<td>选择</td>
				<td>银行名称</td>
				<td>银行号码</td>
				<td>银行地址</td>
			</tr>
		</table>
	</div>
	
	<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						请填写银行信息
					</h4>
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行名称" name="bankName1" value="农业银行"/>
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行电话" name="bankPhone1" value="66666"/>
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行地址" name="bankAddress1" value="罗湖街道办"/>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="addConfirm">
						添加
					</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	<div class="modal fade" id="update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						修改银行信息
					</h4>
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行名称" name="bankName2" class="a"/>
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行电话" name="bankPhone2" />
				</div>
				<div class="modal-body">
					<input type="text" placeholder="银行地址" name="bankAddress2" />
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="upConfirm">
						确认修改
					</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	
	<div class="div-center">
		<ul class="pagination">
		  <li><a href="#">&lt;&lt;</a></li>
		  <li><a href="#">&lt;</a></li>
		  <li><a href="#">1</a></li>
		  <li><a href="#">2</a></li>
		  <li><a href="#">3</a></li>
		  <li><a href="#">&gt;</a></li>
		  <li><a href="#">&gt;&gt;</a></li>
		</ul>
	</div>

</body>
	<script type="text/javascript" src="../js/jquery-3.2.1.min.js" ></script>
	<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	<script type="text/javascript" src="../js/common.js" ></script>
	<script type="text/javascript" src="../js/bank-crud.js" ></script>
	<script>
		findAllBank();
	</script>
	<link rel="stylesheet" href="../css/bootstrap.min.css" />	
	<link rel="stylesheet" href="../css/myCss.css" />
	
</html>